<!DOCTYPE html>
<html>
    <head>
        <title>Olimpiadas - Subir un archivo</title>
        <!-- Bootstrap -->
        <link href="../assets/css/bootstrap.css" rel="stylesheet">
        <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="../assets/css/docs.css" rel="stylesheet">
        <link href="../assets/js/google-code-prettify/prettify.css" rel="stylesheet">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <!-- Validacion de solo numeros -->
        <script type="text/javascript">
            $(function(){
                $("#Afecha").keydown(function(event){
                    if(!isNumeric(event)) return false;
                });
            });
            function isNumeric(event){
                return (
                (event.keyCode > 7 && event.keyCode < 10)
                    || (event.keyCode > 47 && event.keyCode < 60)
                    || (event.keyCode > 95 && event.keyCode < 106)
                    || event.keyCode == 17
                    || event.keyCode == 116
            )
            }
        </script>
        <!-- Estilos -->
        <style>
            .Campo
            {
                width:350px;
            }
            input[type="button"]
            {
                margin-left:auto;
                margin-right: auto;
                display:block;
            }
            .Contenido
            {
                margin-left:50%;
                margin-right: 50%;
                margin-top: 15%;
            }
            .TextArea
            {
                width:25px;

            }
        </style>
    </head>

    <body onload="categoria_combo();">

        <!--Barra de navegación-->      
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="../vista/iniciar_sesion.html">Iniciar Sesi&oacute;n</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="../vista/index.html">Inicio</a></li>
                            <li><a href="#about">Acerca de</a></li>
                            <li><a href="../vista/contacto.html">Contacto</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <!--Sub head-->
        <header class="jumbotron subhead">
            <div class="container">
                <h1>Olimpiadas</h1>
                <p class="lead">Subir un archivo
            </div>
        </header>

        <div class="container-fluid">
            <!--Columnas-->
            <div class="row-fluid">
                <div class="span2">
                    <div class="well sidebar-nav">
                        <ul class="nav nav-list">
                            <li class="dropdown-submenu nav-header">Actividades
                                <ul id="drop_categoria" class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarActividad.html">Nueva actividad</a></li>
                                    <li><a href="#">Modificar actividad</a></li>
                                    <li><a href="#">Eliminar actividad</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Escuelas
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarEscuela.html">Nueva escuela</a></li>
                                    <li><a href="#">Modificar datos</a></li>
                                    <li><a href="#">Borrar escuela</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Voluntarios
                                <ul class="dropdown-menu well pull-right">
                                  <li><a href="#">Nuevo grupo</a></li>
                                  <li><a href="#">Modificar grupo</a></li>
                                  <li><a href="#">Quitar grupo</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Organizadores
                                <ul class="dropdown-menu well pull-right">
                                  <li><a href="#">Nuevo organizador</a></li>
                                  <li><a href="#">Modificar datos</a></li>
                                  <li><a href="#">Quitar organizador</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Patrocinantes
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarPatrocinante.html">Nuevo patrocinante</a></li>
                                    <li><a href="#">Modificar datos</a></li>
                                    <li><a href="#">Quitar patrocinante</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu nav-header">Archivos
                                <ul class="dropdown-menu well pull-right">
                                    <li><a href="../vista/agregarArchivo.html">Agregar archivo</a></li>
                                    <li><a href="#">Eliminar archivo</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!--/.well -->
                </div><!--/span-->
                <div class="span10" id="vista">
                    <div class="span4">
                        <div class="Contenido" id="Formulario_Archivo">
                            <form action="../controlador/AgregarArchivo.php" name="formArchivo"  method="post" enctype="multipart/form-data">
                                <table>
                                    <tr>
                                        <td><label>Archivo:</label></td>
                                        <td>
                                            <input type="file" name="file" id="file">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label>Categor&iacute;a:</label></td>
                                        <td id="celCatego">

                                        </td>
                                    </tr>
                                    <tr>
                                        <td><label>Fecha&nbsp;(A&ntilde;o):</label></td>
                                        <td>
                                            <input type="text" id="Afecha" 
                                                   name="Afecha"
                                                   maxlength="4"
                                                   class="input-small">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <input type="hidden" name="varible" value="">
                                            <input type="submit" class="btn" value="Agregar archivo">
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <hr>

            <footer>
                <p>&copy; Company 2012</p>
            </footer>

        </div>

        <!---<h1>Hello, world!</h1>-->
        <script src="../assets/js/bootstrap.min.js"></script>
        <script src="../assets/js/jquery-1.8.2.js"></script>      
        <script src="../assets/js/bootstrap-transition.js"></script>
        <script src="../assets/js/bootstrap-alert.js"></script>
        <script src="../assets/js/bootstrap-modal.js"></script>
        <script src="../assets/js/bootstrap-dropdown.js"></script>
        <script src="../assets/js/bootstrap-scrollspy.js"></script>
        <script src="../assets/js/bootstrap-tab.js"></script>
        <script src="../assets/js/bootstrap-tooltip.js"></script>
        <script src="../assets/js/bootstrap-popover.js"></script>
        <script src="../assets/js/bootstrap-button.js"></script>
        <script src="../assets/js/bootstrap-collapse.js"></script>
        <script src="../assets/js/bootstrap-carousel.js"></script>
        <script src="../assets/js/bootstrap-typeahead.js"></script>

        <script src="../assets/js/listado_categoria.js" type="text/javascript"></script>
        <script src="../assets/js/Agregar.js" type="text/javascript"></script>
    </body>
</html>
